﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>四川成都成享软件有限公司年会抽奖</title>
<link href="css/nhcj.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/nhcj.js"></script>
</head>

<body style="background:url(images/xiqin.jpg);background-repeat:no-repeat;background-size:100% 100%;">

<div class="wrap">
  <div class="header"><p style="text-align:center;font-size:68px;font-weight:bold;color:yellow">成享软件恭祝大家，新年快乐！</p> </div>
  <div class="main" >
    <div class="con980">
      <div class="play rel">
        
        <table class="playtab" id="ptb" cellpadding="0" cellspacing="1">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
          </tr>
          <tr>
            <td>16</td>
            <td></td>
            <td></td>
            <td></td>
            <td>6</td>
          </tr>
          <tr>
            <td>15</td>
            <td></td>
            <td></td>
            <td></td>
            <td>7</td>
          </tr>
          <tr>
            <td>14</td>
            <td></td>
            <td></td>
            <td></td>
            <td>8</td>
          </tr>
          <tr>
            <td>13</td>
            <td>12</td>
            <td>11</td>
            <td>10</td>
            <td>9</td>
          </tr>
        </table>
			<img id="xingyun" class="xingyun" src="images/jinyuanbao.jpg" />
		<ul>
		<li style="float:left;margin-top:4px;"> <input value="开始抽奖" id="btnplays" type="button" onclick="StartGame()" class="play_btn" > </li>
		<li style="float:left;margin-top:4px; margin-left:100px;"> <input value="停" id="btnstop" type="button" onclick="choujiang()" class="play_btn" > </li>
        </ul>
	
		
      </div>
    </div>
  </div>
   <div><span style="font-size: 48px;color:#FFFFFF;"> &nbsp;&nbsp;&nbsp;开始抽奖前，请先设置参与抽奖的最大号码: <input style="width:60px;" id="maxnumst" value="" /></span></div>
   <div align="center" style="font-size: 40px;color:#FFFFFF;">
      <!--当前抽奖等级-->
      <input type="radio" name="level" id="level3" value="3" checked onclick="change(this.value)" style="margin-left: 10px"><label for="level3" style="font-size:50px; ">三等奖</label>
      <input type="radio" name="level" id="level2" value="2" onclick="change(this.value)" style="margin-left: 10px"><label for="level2" style="font-size:50px; ">二等奖</label>
      <input type="radio" name="level" id="level1" value="1" onclick="change(this.value)" style="margin-left: 10px"><label for="level1" style="font-size:50px; ">一等奖</label>
      <input type="radio" name="level" id="level0" value="0" onclick="change(this.value)" style="margin-left: 10px"><label for="level0" style="font-size:50px; ">特等奖</label>
   </div>
   <div id="yizj"><p>&nbsp;</p><span style="font-size: 48px;color:#FFFFFF;">&nbsp;&nbsp;&nbsp;已中奖号码：</span></div>
  
</div>
 <style type="text/css">
  .window{
       width:650px; 
     background-color:#d0def0; 
     position:absolute; 
      padding:2px; 
      margin:5px; 
     display:none; 
     } 
  .content{ 
      height:150px; 
      background-color:#FFF; 
      font-size:14px; 
      overflow:auto; 
      } 
      .title{ 
          padding:2px; 
          color:#0CF; 
          font-size:10px; 
          } 
  .title img{ 
          float:right; 
          } 
  </style> 
 
  <script type="text/javascript" language="javascript">
      $(document).ready(function () {
          $("#btn_center").click(function () {
              popCenterWindow();
          });

      }); 
   
  </script> 
  
     <div class="window" id="center"> 
      <div id="title" class="title"><img src="images/2012100814082487.jpg" alt="关闭" />中奖</div> 
      <div class="content" style='background-color:orange;'><span style='font-size: 88px;color:#FFFFFF;' id="zhongjiang"></span></div> 
     </div> 
      
  
    <script type="text/javascript">
    //获取窗口的高度 
  var windowHeight; 
  //获取窗口的宽度 
  var windowWidth; 
  //获取弹窗的宽度 
  var popWidth; 
  //获取弹窗高度 
  var popHeight; 
  function init(){ 
     windowHeight=$(window).height(); 
     windowWidth=$(window).width(); 
     popHeight=$(".window").height(); 
     popWidth=$(".window").width(); 
  } 
  //关闭窗口的方法 
  function closeWindow(){ 
    $(".title img").click(function(){ 
        $(this).parent().parent().hide("slow"); 
        }); 
  }
  function autoCloseWindow() {
      $(".title img").parent().parent().hide("slow");
  }


  //定义弹出居中窗口的方法 
  function popCenterWindow(){ 
    init(); 
      //计算弹出窗口的左上角Y的偏移量 
    var popY=(windowHeight-popHeight)/2; 
    var popX=(windowWidth-popWidth)/2; 
    //alert('jihua.cnblogs.com'); 
    //设定窗口的位置 
    $("#center").css("top",popY).css("left",popX).slideToggle("slow","linear");
    closeWindow();
  }
  </script> 
</body>
</html>
